<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link href="estilos/style.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="estilos/jquery-ui.css" type="text/css"	media="all" />
	<link rel="stylesheet"	href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css"	type="text/css" media="all" />
	<script type="text/javascript" src="estilos/jquery.js"></script>
	<script src="http://code.jquery.com/ui/1.8.23/jquery-ui.min.js" type="text/javascript"></script>
	<script>
		var backUpArray = new Array();

	
		$(function() {
			$('.fecha').datepicker({
				dateFormat : "dd-mm-yy"
			});
		});
	
		function desactivar(div){
			mostrarBotones('editar');
			ocultarBotones(div+'Btn');
			$('#'+ div +' :input').attr('disabled', true);
			$('#'+ div +' :input:button').removeAttr('disabled', true);
			restore(div);
		}

		function desactivarInit(div){
			mostrarBotones('editar');
			ocultarBotones(div+'Btn');
			$('#'+ div +' :input').attr('disabled', true);
			$('#'+ div +' :input:button').removeAttr('disabled', true);
		}
		
		function activar(div){
			if(div != 'solicitud' || document.forms[0].idOrden.value == ''){
				ocultarBotones('editar');
				mostrarBotones(div+'Btn');
				$('#'+ div +' :input').removeAttr('disabled', true);
				backUp(div);
			}else
				alert("No se puede modificar la solicitud cuando esta creada la orden de trabajo");
			
		}

		function activarSinBotones(div){
			ocultarBotones('editar');
			ocultarBotones(div+'Btn');
			$('#'+ div +' :input').removeAttr('disabled', true);
		}

		function mostrarBotones(name){
			var botones = $("[name="+ name +"]");
			$.each(botones, function( intIndex, objValue ){
				$(objValue).show();
			});
		}
	
		function ocultarBotones(name){
			var botones = $("[name="+ name +"]");
			$.each(botones, function( intIndex, objValue ){
				$(objValue).hide();
			});
		}
	
		function mostrarBoton(boton){
			$('#' + boton).show();
		}
	
		function ocultarBoton(boton){
			$('#' + boton).hide();
		}
	
		function activarTodo(){
			activarSinBotones('cliente');
			activarSinBotones('solicitud');
			activarSinBotones('factibilidad');
			activarSinBotones('revision');
			activarSinBotones('entrega');
		}

		function desactivarTodo(){
			desactivarInit('cliente');
			desactivarInit('solicitud');
			desactivarInit('factibilidad');
			desactivarInit('revision');
			desactivarInit('entrega');
		}
			
		function printContrato(){
			activarTodo();
			
			$('#header').hide();
			$('#botones').hide();
			$('#headerPrint').show();
			$('#firmas').show();
			
			window.print();
			document.forms[0].action = 'initContratoAction';
			document.forms[0].submit();
		}

		function save(zonaContrato){
			if(zonaContrato == 'solicitud'){
				document.forms[0].requisitos.value = $.trim(document.forms[0].requisitos.value);
				if(document.forms[0].requisitos.value == ''){
					$('#errorSolicitud').show();
					return false;
				}
			}
			if(zonaContrato == 'factibilidad'){
				document.forms[0].detalleSubc.value = $.trim(document.forms[0].detalleSubc.value);
				document.forms[0].detalleRecDisp.value = $.trim(document.forms[0].detalleRecDisp.value);

				if(document.forms[0].detalleRecDisp.value == '' && document.forms[0].recursosDisp[1].checked == true){
					$('#errorFactibilidad').show();
					return false
				}
				
				if(document.forms[0].detalleSubc.value == ''&& document.forms[0].subcontratar[0].checked == true){
					$('#errorSubcontratar').show();
					return false
				}
			}
			if(zonaContrato == 'revision'){
				if(document.forms[0].acuerdoTrabajo[0].checked == true){
					if(document.forms[0].laboratorio.value == ''){
						window.scrollTo(0,0);
						$('#errorLaboratorio').show();
						return false;
					}
				}
				if(document.forms[0].acuerdoTrabajo[1].checked == true){
					document.forms[0].causasRechModif.value = $.trim(document.forms[0].causasRechModif.value);
					if(document.forms[0].causasRechModif.value == ''){
						$('#errorAceptacion').show();
						return false;
					}
				}
			}
			if(zonaContrato == 'entrega'){
				if(document.forms[0].estadoConserv[1].checked == true){
					document.forms[0].causasRechModif.value = $.trim(document.forms[0].causasRechModif.value);
					if(document.forms[0].causasRechModif.value == ''){
						$('#errorAceptacion').show();
						return false;
					}
				}
			}
			activarTodo();
			var idLabArray = document.forms[0].idLabDep.value.split("-");
			document.forms[0].laboratorio.value = idLabArray[0];
			document.forms[0].departamento.value = idLabArray[1];
			document.forms[0].zonaContrato.value = zonaContrato;
			document.forms[0].submit();
		}

		function backUp(div){
			var inputs = $('#'+ div +' :input');
			
			$.each(inputs, function(intIndex, objValue){
				if($(objValue).val() != null){
					if($(objValue).is(':checked'))
						backUpArray[intIndex] = "true";
					else	
						backUpArray[intIndex] = $(objValue).val();
				}
			});
		}

		function restore(div){
			var inputs = $('#'+ div +' :input');
			
			$.each(inputs, function(intIndex, objValue){
				if(backUpArray[intIndex] == "true")
					$(objValue).attr('checked', true);
				else{
					$(objValue).removeAttr('checked');
					$(objValue).val(backUpArray[intIndex]);
				}
			});

		}

		function irAOrden(){
			activarTodo();
			var idLabArray = document.forms[0].idLabDep.value.split("-");
			document.forms[0].laboratorio.value = idLabArray[0];
			document.forms[0].departamento.value = idLabArray[1];
			document.forms[0].action = 'initOrdenTrabajoAction';
			document.forms[0].submit();
		}
		
	</script>
	<title>LABTEC - Revision de contrato</title>
</head>

<body onload="desactivarTodo()">
	<div id="header">
    	<jsp:include page="../jsp/menuIniciador.jsp" />
	</div>
	<div class="sheet">
		<div class="sheet-tl"></div>
		<div class="sheet-tr"></div>
		<div class="sheet-bl"></div>
		<div class="sheet-br"></div>
		<div class="sheet-tc"></div>
		<div class="sheet-bc"></div>
		<div class="sheet-cl"></div>
		<div class="sheet-cr"></div>
		<div class="sheet-cc"></div>
		<div class="sheet-body">
			<div id="headerPrint" style="display: none;">
				<table>
					<tr>
						<td>
						</td>
						<td>
						</td>
					</tr>
				</table>
			</div>

			<s:form action="guardarContratoAction" theme="simple">
				<s:hidden name="zonaContrato"></s:hidden>
				<s:hidden name="idContrato"></s:hidden>
				<s:hidden name="anioContrato"></s:hidden>
				<s:hidden name="idOrden"></s:hidden>
				<s:hidden name="anioOrden"></s:hidden>	
				<table width="100%" border="0">
					<tr>
						<td width="70%">
							<h2	class="postheader" style="font-size: 20px;">
									Revision de Contrato
							</h2>
						</td>
						<td width="30%">
							Orden de Trabajo: <s:property value="departamento"></s:property>-<s:property value="inicialesLab"></s:property> <s:property value="idOrden"></s:property>/<s:property value="anioOrden"></s:property>
						</td>
					</tr>
					<tr>
						<td>
						</td>
						<td>
							Revisión de contrato: <s:property value="idContrato"></s:property>/<s:property value="anioContrato"></s:property>
						</td>
					</tr>
				</table>
				<s:hidden name="codCliente"></s:hidden>
				<div id="cliente">
					<jsp:include page="../jsp/datosCliente.jsp" />
				</div>
				<div id="errorSolicitud" class="error" style="display: none;">
					<ul class="actionMessage">
	            	    <li>
	            	    	<span>
	            	    		La solicitud no puede estar vacia
	            	    	</span>
	            	    </li>
					</ul>
				</div>
				<div id="errorLaboratorio" class="error" style="display: none;">
					<ul class="actionMessage">
	            	    <li>
	            	    	<span>
	            	    		El laboratorio no puede estar vacio
	            	    	</span>
	            	    </li>
					</ul>
				</div>
				<div id="solicitud">
					<jsp:include page="../jsp/solicitudCliente.jsp" />
					<table width="100%" border="0">
						<tr height="30px">
							<td colspan="4" align="right">
								<input name="editar" onclick="activar('solicitud')" type="button" value="Editar" />
								<input id="cancelarSolicitud" name="solicitudBtn" style="display: none;" onclick="desactivar('solicitud')" type="button" value="Cancelar" />
								<input id="guardarSolicitud" name="solicitudBtn" style="display: none;" type="button" value="Guardar" onclick="save('solicitud');"/>
							</td>
						</tr>
					</table>
				</div>
				<div  id="factibilidad">
					<table width="100%" border="0">
						<tr>
							<td class="postmetadataheader" colspan="2">
									<b>B.2) Análisis de factibilidad de prestación del servicio solicitado</b>
							</td>
						</tr>
						<tr>
							<td class="postmetadataheader" colspan="2">
								Capacidad y recursos disponibles
							</td>
						</tr>
						<tr>
							<td colspan="2">
								<s:radio name="recursosDisp" list="#{'1':'Si','0':'No(detallar)'}" />
							</td>
						</tr>
						<tr>
							<td colspan="2">							
								<div id="errorFactibilidad" class="error" style="display: none;">
									<ul class="actionMessage">
					            	    <li>
					            	    	<span>
					            	    		El detalle no puede estar vacio
					            	    	</span>
					            	    </li>
									</ul>
								</div>
							</td>
						</tr>
						<tr>
							<td width="70%">
								<s:textarea name="detalleRecDisp"></s:textarea>
							</td>
							<td width=30%>
								<p>
									Usuario
									<s:label name="usuDisponibilidad"></s:label>
									<s:hidden name="usuDisponibilidad"></s:hidden>
								</p>
								<p>
									Fecha
									<s:label name="fechaDisponibilidad"></s:label>
									<s:hidden name="fechaDisponibilidad"></s:hidden>
								</p>
							</td>
						</tr>

					</table>
					<table width="100%" border="0">
						<tr>
							<td class="postmetadataheader" colspan="2">
								Necesidad de subcontratar
							</td>
						</tr>        
						<tr>
							<td colspan="2">
								<s:radio name="subcontratar" list="#{'1':'Si(detallar)','0':'No'}"/>
							</td>
						</tr>
						<tr>
							<td width="70%">
								<div id="errorSubcontratar" class="error" style="display: none;">
									<ul class="actionMessage">
					            	    <li>
					            	    	<span>
					            	    		El detalle no puede estar vacio
					            	    	</span>
					            	    </li>
									</ul>
								</div>
								<s:textarea name="detalleSubc"></s:textarea>
							</td>
						</tr>
					</table>
					<table width="100%" border="0">
						<tr>
							<td class="postmetadataheader" colspan="3">
								<b>B.3) Acuerdo del trabajo a realizar</b>
							</td>
						</tr>
						<tr>
							<td width="20%">
								Fecha
							</td>
							<td>
								<s:textfield name="fechaRealizacion" cssClass='fecha'></s:textfield>
							</td>
							<td>
							</td>
						</tr>
						<tr>
							<td colspan="2" width="70%">
								<s:textarea name="trabajoArealizar"></s:textarea>
							</td>
						
						</tr>
						<tr height="30px">
							<td colspan="4" align="right">
								<input name="editar" onclick="activar('factibilidad')" type="button" value="Editar" />
								<input id="cancelarFactibilidad" name="factibilidadBtn" style="display: none;" onclick="desactivar('factibilidad')" type="button" value="Cancelar" />
								<input id="guardarFactibilidad" name="factibilidadBtn" style="display: none;" type="button" value="Guardar" onclick="save('factibilidad');"/>
							</td>
						</tr>
					</table>
				</div>		
				
				<div id="revision">
					<table width="100%" border="0">
						<tr>
							<td colspan="4" class="postmetadataheader">
								<h2	class="postheader">C) Revisión y aprobación / modificación</h2>
							</td>
						</tr>
						<tr>
							<td width="20%">
								<b>C.1) Aceptación del Contrato</b> 
							</td>
							<td width="30%">
								<s:radio name="acuerdoTrabajo" list="#{'1':'Si','0':'No(aclarar en C.2)'}" />
							</td>
							<td width="20%">
								Fecha
							</td>
							<td width="30%">
								<s:textfield name="fechaAcuerdoTrabajo" cssClass="fecha"></s:textfield>
							</td>
						</tr>
						<tr>
							<td colspan="4" width="70%">
								<b>C.2) Causas de la no aceptación / Modificaciones del contrato</b>
							</td>
						</tr>
						<tr>
							<td colspan="4" width="70%">
								<div id="errorAceptacion" class="error" style="display: none;">
									<ul class="actionMessage">
					            	    <li>
					            	    	<span>
					            	    		El detalle no puede estar vacio
					            	    	</span>
					            	    </li>
									</ul>
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="3" width="70%">
								<s:textarea name="causasRechModif"></s:textarea>
							</td>
							<td width=30%>
								<p>
									Usuario
									<s:label name="usuAcuerdoTrabajo"></s:label>
									<s:hidden name="usuAcuerdoTrabajo"></s:hidden>
								</p>
								<p>
									Fecha
									<s:label name="fechaAcuerdoTrabajo"></s:label>
								</p>
							</td>
						</tr>
						<tr height="30px">
							<td colspan="4" align="right">
								<input name="editar" onclick="activar('revision')" type="button" value="Editar" />
								<input id="cancelarRevision" name="revisionBtn" style="display: none;" onclick="desactivar('revision')" type="button" value="Cancelar" />
								<input id="guardarRevision" name="revisionBtn" style="display: none;" type="button" value="Guardar" onclick="save('revision');"/>
							</td>
						</tr>
					</table>
				</div>
				
				<div id="entrega">
					<table width="100%" border="0">
						<tr>
							<td colspan="4" class="postmetadataheader">
								<h2	class="postheader">D) Datos y fecha de entrega de elementos a calibrar, medir o ensayar</h2>
							</td>
						</tr>
						<tr>
							<td colspan="3" width="70%">
								Fecha prevista para la entrega de elemento(s) a medir/calibrar
							</td>
							<td width="30%">
								<s:textfield name="fechaEntrega" cssClass='fecha'></s:textfield>
							</td>
						</tr>
						<tr>
							<td colspan="4">
								Datos de los elemento (s) a medir/calibrar/ensayar
							</td>
						</tr>
						<tr>
							<td colspan="3" width="70%">
								<s:textarea name="datosElemMedir"></s:textarea>
							</td>
							<td width=30%>
								<p>
									Usuario
									<s:label name="usuEntrega"></s:label>
									<s:hidden name="usuEntrega"></s:hidden>
								</p>
								<p>
									Fecha
									<s:label name="fechaEntrega"></s:label>
								</p>
							</td>					
						</tr>
						<tr>
							<td width="20%">
								Estado de conservación
							</td>
							<td width="30%">
								<s:radio name="estadoConserv" list="#{'1':'Acept','0':'No Acept(aclarar en C.2))'}" />
							</td>
							<td width="20%">
								Fecha entrega de informe
							</td>
							<td width="30%">
								<s:textfield name="fechaEntregaInf" cssClass='fecha'></s:textfield>
							</td>
						</tr>
						<tr>
							<td width="20%">
								Recibio elementos
							</td>
							<td width="30%">
								<s:radio name="recibioElem" list="#{'1':'Si','0':'No'}"/>
							</td>
							<td width="20%">
								Fecha de Recepcion
							</td>
							<td width="30%">	
								<s:textfield name="fechaRecibioElem" cssClass='fecha'></s:textfield>
							</td>
						</tr>
						<tr height="30px">
							<td colspan="4" align="right">
								<input name="editar" onclick="activar('entrega')" type="button" value="Editar" />
								<input id="cancelarEntrega" name="entregaBtn" style="display: none;" onclick="desactivar('entrega')" type="button" value="Cancelar" />
								<input id="guardarEntrega" name="entregaBtn" style="display: none;" type="button" value="Guardar" onclick="save('entrega');"/>
							</td>
						</tr>
					</table>
				</div>
				
				<div id="botones">
					<table width="100%" border="0">
						<tr>
							<td align="left">
								<input name="imprimir" type="button" onclick="printContrato()" value="Imprimir" />
								<s:if test="%{idOrden != null}">
									<input name="botonOrden" type="button" onclick="irAOrden()" value="Orden de Trabajo" />
								</s:if>
							</td>
						</tr>
					</table>
				</div>
				<div id="firmas" style="display: none;">
					<br>
					<table width="100%">
						<tr>
							<td width="50%" align="center">
								Firma/Aclaracion
							</td>
							<td width="50%" align="center">
								Firma/Aclaracion
							</td>
						</tr>
					</table>
				</div>
				
			</s:form>
		</div>
	</div>
</body>
</html>